/* --- reset css --- */
html,body,div,span,applet,object,iframe,h1,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display: block;
}
body{
position: relative;
}
blockquote,q{
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content: '';
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
input:focus,select:focus{
outline: 0;
}
button:focus{
outline: 0;
cursor: pointer;
}
a{
color: #634231;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
p{
margin: 1em 0 1em 0;
}
/* --- /reset css --- */
body{
font: 14px/18px "Arial", sans-serif;
color: #5b4d64;
}
a{
color: #35569b;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
.wallpaper{
min-width: 320px;
max-width: 1680px;
margin: auto;
position: relative;
}
.clear{
clear: both;
}
/* --- header --- */
.header{
padding: 20px;
}
.hd_row_1,.hd_row_2,.hd_row_3,.hd_row_4{
float: left;
}
.hd_row_2{
width: 30%;
padding: 0 5px 0 1%;
}
.hd_find{
margin-top: 20px;
}
.hd_find input[type="text"]{
font: 14px/30px "Arial", sans-serif;
color: #5b4d64;
display: block;
height: 30px;
float: left;
width: 75%;
padding: 0 10px 0 10px;
border: 1px solid #c4c8cb;
background-color: #ffffff;
position: relative;
z-index: 1;
border-radius: 11px 0px 0px 11px;
box-shadow: inset 2px 2px 2px 1px rgba(204, 203, 201, 0.75);
behavior: url(css/PIE.htc);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.hd_find input:focus{
box-shadow: inset 1px 1px 1px 0px rgba(204, 203, 201, 0.75);
}
.hd_find_btn{
cursor: pointer;
display: block;
height: 30px;
width: 34px;
padding: 0 5px 0 5px;
border: 1px solid #8d4145;
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197',GradientType=0 ); /* IE6-9 */
position: relative;
z-index: 1;
border-radius: 0px 11px 11px 0px;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
behavior: url(css/PIE.htc);
}
.hd_find_btn:hover{
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197',GradientType=0 ); /* IE6-9 */
}
.hd_find_btn:active{
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
-webkit-box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 1);
-moz-box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 1);
box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 1);
}
.hd_find_btn img{
margin: 0;
padding: 0;
border: 0;
}
.hd_row_3{
padding-left: 1%;
height: 100px;
border-left: 1px dotted #979da9;
width: 16%;
}
.hd_row_3 p{
font: 14px/18px "Arial", sans-serif;
margin: 0;
}
.hd_row_3 span{
color: #35569d;
}
.style1{
font: 18px/26px "Arial", sans-serif;
color: #35569d;
}
.style2{
font: 14px/18px "Arial", sans-serif;
color: #5b4d64;
}
.hd_row_4{
width: 315px;
float: right;
border-left: 1px dotted #979da9;
padding: 0 0 0 1%;
position: relative;
}
.hd_row_4 .hd_phone img{
float: left;
height: 32px;
}
.hd_phone{
border-bottom: 0px dotted #384d82;
margin-bottom: 15px;
}
.hd_row_4 .phone_txt{
height: 28px;
float: left;
margin: 0 7px 0px 7px;
font: 22px/26px "Arial", sans-serif;
color: #35569d;
border-bottom: 1px dotted #384d82;
}
.hd_row_4 .hd_back{
font: 14px/14px "Arial", sans-serif;
color: #5c5068;
font-style: italic;
text-decoration: underline;
cursor: pointer;
}
.hd_row_4 .hd_back:hover{
text-decoration: none;
}
.hd_row_4 .hd_cart:hover{
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
}
.hd_row_4 .hd_cart{
padding: 10px 60px 10px 10px;
margin: 5px 0 0 0;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background: url(../img/cart.png) no-repeat;
background-color: #ffffff;
background-position: right;
-webkit-box-shadow: 0px 1px 5px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 1px 5px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 1px 5px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.hd_row_4 .hd_cart .hd_cart_txt{
color: #5b516a;
text-align: left;
}
.hd_row_4 .hd_cart .hd_cart_txt a{
font: 16px/24px "Arial", sans-serif;
color: #3f4f71;
text-decoration: underline;
font-style: italic;
}
.hd_row_4 .hd_cart .hd_cart_txt .hd_cart_s1{
display: block;
}
.hd_row_4 .hd_cart .hd_cart_txt .hd_cart_s2{
font: 16px/24px "Arial", sans-serif;
color: #c9252c;
}
.hd_row_4 .hd_cart .hd_cart_txt .hd_cart_s3{
font: 14px/14px "Arial", sans-serif;
color: #5b516a;
}
.hd_row_4 .hd_cart .hd_cart_txt .hd_cart_s4{
font: 14px/14px "Arial", sans-serif;
font-style: italic;
color: #c9252c;
text-decoration: underline;
}
.top_menu_box{
background: #506daf;
/* Old browsers */
background: -moz-linear-gradient(top, #506daf 0%, #9c5455 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #506daf), color-stop(100%, #9c5455));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #506daf 0%, #9c5455 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #506daf 0%, #9c5455 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #506daf 0%, #9c5455 100%);
/* IE10+ */
background: linear-gradient(to bottom, #506daf 0%, #9c5455 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#506daf', endColorstr='#9c5455', GradientType=0);
/* IE6-9 */
}
.top_menu_box .top_menu{
min-width: 1000px;
max-width: 1366px;
margin: auto;
position: relative;
height: 40px;
overflow: hidden;
}
.top_menu_box .top_menu ul{
margin: 0;
list-style: none;
padding: 0 20px 0 20px;
text-align: justify;
line-height: 0;
overflow: hidden;
}
.top_menu_box .top_menu ul li{
display: inline-block !important;
*
display: inline;
height: 40px;
margin: 0 20px 0 20px;
font: 18px/40px "Arial", sans-serif;
color: #ffffff;
zoom: 1;
position: relative;
overflow: hidden;
}
.top_menu_box .top_menu ul li a{
text-align: center;
zoom: 1;
color: #ffffff;
height: 40px;
padding: 0 20px 0 20px;
display: inline-block;
text-decoration: none;
/* background: url(../img/top_menu_dot.png) no-repeat; */
}
@media screen and (max-width: 639px) {
.top_menu_box .top_menu ul li a{color: #495877;}
.top_menu_box{box-shadow: 0px 3px 13px 0px #d0d1d6;}
}
.top_menu_box .top_menu ul li a:hover{
text-decoration: underline;
}
.top_menu_box .top_menu ul li a.active{
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.top_menu_box .top_menu ul li .top_menu_point{
width: 15px;
height: 15px;
/* background: url(../img/top_point.png) no-repeat; */
display: block;
left: 42%;
top: -8px;
z-index: 10;
position: absolute;
transform: rotate (90);
-moz-transform: rotate(45deg);
/* ÃÂÂÂÂÂÂâ€ÂÂÂÂÂÂûѠFirefox */
-ms-transform: rotate(45deg);
/* ÃÂÂÂÂÂÂâ€ÂÂÂÂÂÂûѠIE */
-webkit-transform: rotate(45deg);
/* ÃÂÂÂÂÂÂâ€ÂÂÂÂÂÂûѠSafari, Chrome, iOS */
-o-transform: rotate(45deg);
/* ÃÂÂÂÂÂÂâ€ÂÂÂÂÂÂûѠOpera */
transform: rotate(45deg);
background-color: #506daf;
}
.top_menu_box .top_menu ul li.helper{
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
}
/* --- /top_menu --- */
/* --- main_content --- */
.main_content{
margin: 30px 20px;
}
.main_content h1{
font: 22px/26px "Arial", sans-serif;
color: #355298;
font-weight: bold;
display: block;
float: left;
padding: 0 10px 5px 0;
background-color: #ffffff;
}
.main_content p{
font: 14px/18px "Arial", sans-serif;
color: #5b4d64;
}
#main_info{
height: 173px;
overflow: hidden;
}
#show_main_info{
cursor: pointer;
}
.main_content .dot_line{
height: 15px;
border-bottom: 1px dotted #988895;
}
.more_info{
text-align: right;
margin: 10px 0;
}
.more_info a{
font: 14px/18px "Arial", sans-serif;
color: #5b4d64;
font-style: italic;
}
.main_content .carousel{
height: 280px;
padding: 0 15px;
margin: 15px 0;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
overflow: hidden;
}
.main_content .carousel .carousel_hd{
display: block;
text-align: center;
margin: 10px 0 10px 0;
*margin: 20px 0 20px 0;
}
.main_content .carousel h2{
font: 22px/30px "Arial", sans-serif;
color: #c9252c;
display: inline;
position: relative;
}
.main_content .carousel h2 img{
background: url(../img/new.png) no-repeat;
position: relative;
top: 7px;
}
.main_content .carousel .shade{
width: 190px;
height: 12px;
background: url(../img/shade.png) no-repeat;
display: inline-block;
}
/*------------------------- liquid -------------------------*/
.carousel .liquid{
position: relative;
}
.carousel .liquid .previous{
display: block;
height: 41px;
width: 20px;
background-image: url('../img/pl1.png');
float: left;
margin: 30px 5px 0px 5px;
padding: 0;
cursor: pointer;
position: absolute;
top: 20px;
left: 0px;
z-index: 151;
}
.carousel .liquid .previous:hover{
background-image: url('../img/pl2.png');
}
.carousel .liquid .next{
display: block;
height: 41px;
width: 20px;
background-image: url('../img/pr1.png');
float: right;
margin: 30px 5px 0px 5px;
padding: 0;
cursor: pointer;
position: absolute;
right: 0px;
top: 20px;
z-index: 151;
}
.carousel .liquid .next:hover{
background-image: url('../img/pr2.png');
}
.carousel .liquid ul li{
width: 189px;
padding: 0 8px;
margin: 0;
text-align: center;
}
.carousel .liquid ul li a img{
/*min-height:115px;*/
max-height: 115px;
max-width: 115px;
}
.carousel .liquid .wrapper{
position: relative;
overflow: hidden;
z-index: 1;
margin: 0 27px;
}
.carousel .liquid ul li{
position: relative;
text-align: left;
}
.carousel .liquid .lig_img{
width: 115px;
height: 115px;
border: 1px solid #988895;
text-align: center;
overflow: hidden;
display: block;
margin: 5px auto;
vertical-align: middle;
}
.carousel .liquid .lig_link{
margin: 10px 0 0 0;
text-align: center;
font: 12px/14px "Arial", sans-serif;
}
.carousel .liquid .lig_link a{
color: #5b4d64;
font-style: italic;
}
/*------------------------- /liquid -------------------------*/
/* --- main_articles --- */
.main_articles{
margin-left: -20px;
*margin-top: 40px;
}
.article_item_box{
width: 33%;
float: left;
}
.article_item_box .article_item{
padding: 0 0 0 20px;
overflow: hidden;
}
.article_item_box .article_item h3{
font: 16px/18px "Arial", sans-serif;
color: #3f4f71;
font-style: italic;
font-weight: bold;
}
.article_item_box .article_item h3 a{
color: #3f4f71;
}
.article_item_box .article_item .article_img_box{
width: 140px;
height: 110px;
border: 1px solid #6b738a;
overflow: hidden;
float: left;
margin: 0 5px 7px 0;
}
.article_item_box .article_item .article_img_box img{
min-width: 140px;
min-height: 110px;
}
.article_item_box .article_item .article_img_box p{
font: 14px/18px "Arial", sans-serif;
color: #5b4d64;
}
/* --- end main_articles --- */
.hr_dot{
height: 1px;
border-bottom: 1px dotted #988895;
margin: 20px 0;
}
/* --- main_goods --- */
.main_good_box{
width: 25%;
float: left;
}
.catalog_items_box .main_good_box .main_good_item{
padding: 10px 0 10px 25px;
}
.main_good_box .main_good_item{
padding: 10px 0 10px 15px;
}
.main_good_box .main_good_item h3{
font: 18px/20px "Arial", sans-serif;
color: #355298;
padding: 0 0 0 15px;
margin: 0;
background: url(../img/main_goods_hd.png) no-repeat;
background-position: bottom left;
}
.main_good_box .main_good_item ul{
list-style: none;
}
.main_good_box .main_good_item ul li{
font: 14px/22px "Arial", sans-serif;
color: #5b4d64;
padding-bottom: 10px;
}
.main_good_box .main_good_item ul li a{
color: #5b4d64;
text-decoration: none;
}
.main_good_box .main_good_item ul li a:hover{
text-decoration: underline;
}
/* --- main_goods --- */
.main_content .carousel1{
height: 380px;
padding: 0 15px;
margin: 15px 0;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
overflow: hidden;
}
.main_content .carousel1 .carousel_hd{
display: block;
text-align: center;
margin: 10px 0 10px 0;
*margin: 20px 0 20px 0;
}
.main_content .carousel1 h2{
font: 22px/30px "Arial", sans-serif;
display: inline;
position: relative;
}
.main_content .carousel1 .shade{
width: 190px;
height: 12px;
background: url(../img/shade.png) no-repeat;
display: inline-block;
}
.liquid_good{
height: 230px;
width: 130px;
padding: 10px;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
overflow: hidden;
}
/*------------------------- liquid1 -------------------------*/
.carousel1 .liquid{
position: relative;
}
.carousel1 .liquid .previous{
display: block;
height: 41px;
width: 20px;
background-image: url('../img/pl1.png');
float: left;
margin: 30px 5px 0px 5px;
padding: 0;
cursor: pointer;
position: absolute;
top: 20px;
left: 0px;
z-index: 151;
}
.carousel1 .liquid .previous:hover{
background-image: url('../img/pl2.png');
}
.carousel1 .liquid .next{
display: block;
height: 41px;
width: 20px;
background-image: url('../img/pr1.png');
float: right;
margin: 30px 5px 0px 5px;
padding: 0;
cursor: pointer;
position: absolute;
right: 0px;
top: 20px;
z-index: 151;
}
.carousel1 .liquid .next:hover{
background-image: url('../img/pr2.png');
}
.carousel1 .liquid ul{
list-style-type: none;
}
.carousel1 .liquid ul li{
width: 150px;
padding: 0 8px;
margin: 0;
text-align: center;
}
.carousel1 .liquid .wrapper{
position: relative;
overflow: hidden;
z-index: 1;
margin: 0 27px;
}
.carousel1 .liquid .lig_img{
width: 130px;
height: 130px;
border: 1px solid #9b8fa3;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
.carousel1 .liquid ul li a img{
max-height: 130px;
max-width: 130px;
}
.carousel1 .liquid .lig_link{
margin: 10px 0 0 0;
text-align: center;
font: 12px/14px "Arial", sans-serif;
font-weight: bold;
text-align: left;
height: 45px;
overflow: hidden;
}
.carousel1 .liquid .lig_link a{
color: #35569b;
text-decoration: none;
}
.carousel1 .liquid .lig_link a:hover{
text-decoration: underline;
}
.carousel1 .liquid .lig_gost{
font: 12px/18px "Arial", sans-serif;
color: #3f4f71;
}
.liquid .lig_bye{
cursor: pointer;
display: block;
height: 30px;
width: 130px;
text-align: center;
border: 1px solid #8d4145;
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197', GradientType=0);
/* IE6-9 */
position: relative;
z-index: 1;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
behavior: url(css/PIE.htc);
}
.liquid .lig_bye:hover{
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197', GradientType=0);
/* IE6-9 */
}
.liquid .lig_bye:active{
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
}
/*------------------------- /liquid1 -------------------------*/
/*------------------------- liquid2 -------------------------*/
.main_content .carousel2{
height: 380px;
padding: 0 15px;
margin: 15px 0;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
overflow: hidden;
}
.main_content .carousel2 .carousel_hd{
display: block;
text-align: center;
margin: 10px 0 10px 0;
*margin: 20px 0 20px 0;
}
.main_content .carousel2 h2{
font: 22px/30px "Arial", sans-serif;
display: inline;
position: relative;
}
.main_content .carousel2 .shade{
width: 190px;
height: 12px;
background: url(../img/shade.png) no-repeat;
display: inline-block;
}
.liquid_good{
height: 240px;
width: 130px;
padding: 10px;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
overflow: hidden;
}
.carousel2 .liquid{
position: relative;
}
.carousel2 .liquid .previous{
display: block;
height: 41px;
width: 20px;
background-image: url('../img/pl1.png');
float: left;
margin: 30px 5px 0px 5px;
padding: 0;
cursor: pointer;
position: absolute;
top: 20px;
left: 0px;
z-index: 151;
}
.carousel2 .liquid .previous:hover{
background-image: url('../img/pl2.png');
}
.carousel2 .liquid .next{
display: block;
height: 41px;
width: 20px;
background-image: url('../img/pr1.png');
float: right;
margin: 30px 5px 0px 5px;
padding: 0;
cursor: pointer;
position: absolute;
right: 0px;
top: 20px;
z-index: 151;
}
.carousel2 .liquid .next:hover{
background-image: url('../img/pr2.png');
}
.carousel2 .liquid ul{
list-style-type: none;
}
.carousel2 .liquid ul li{
width: 150px;
padding: 0 8px;
margin: 0;
text-align: center;
}
.carousel2 .liquid .wrapper{
position: relative;
overflow: hidden;
z-index: 1;
margin: 0 27px;
}
.carousel2 .liquid .lig_img{
width: 130px;
height: 130px;
border: 1px solid #9b8fa3;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
.carousel2 .liquid ul li a img{
/*min-height:130px;*/
max-height: 130px;
max-width: 130px;
}
.carousel2 .liquid .lig_link{
margin: 10px 0 0 0;
text-align: center;
font: 12px/14px "Arial", sans-serif;
font-weight: bold;
text-align: left;
height: 45px;
overflow: hidden;
}
.carousel2 .liquid .lig_link a{
color: #35569b;
text-decoration: none;
}
.carousel2 .liquid .lig_link a:hover{
text-decoration: underline;
}
.carousel2 .liquid .lig_gost{
font: 12px/18px "Arial", sans-serif;
color: #3f4f71;
}
/*------------------------- end liquid2 -------------------------*/
/* --- producers --- */
.producers{
padding: 0 0 25px 0;
}
.producers h3{
text-align: center;
font: 18px/22px "Arial", sans-serif;
color: #3f4f71;
}
.producers .producers_item_box{
width: 24%;
margin-bottom: 10px;
display: inline-block;
}
.producers .producers_item_box .producers_item{
text-align: center;
}
.producers .producers_item_box .producers_item a{
font: 16px/16px "Arial", sans-serif;
color: #35569b;
}
/* --- end producers --- */
/* --- end main_content --- */
.right_col{
width: 220px;
margin-right: 20px;
padding: 20px 0 0 0;
position: relative;
float: right;
}
.right_panel_box{
padding: 15px;
margin-bottom: 20px;
border: 1px solid #d0d1d6;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background-color: #ffffff;
background-position: right;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
}
.right_panel h3{
font: 18px/18px "Arial", sans-serif;
color: #3f4f71;
text-align: center;
margin: 0 0 15px 0;
padding: 0;
}
.shade{
width: 190px;
height: 12px;
margin: 0 auto;
background: url(../img/shade.png) no-repeat;
/* display: inline-block; */
}
.sliderUi{
margin: 5px 0px 5px 0px;
height: 80px;
}
.slider_input{
height: 20px;
}
.slider_text{
font: 16px/26px "Arial", sans-serif;
color: #5b4d64;
margin-bottom: 5px;
}
.formCost,
.formLenght,
.formWidth,
.formHeight{
float: left;
margin: 5px 0px 5px 0px;
}
.formCost label,
.formLenght label,
.formWidth label,
.formHeight label{
font: 16px/26px "Arial", sans-serif;
color: #5b4d64;
display: inline-block;
*display: inline;
}
.formCost input,
.formLenght input,
.formWidth input,
.formHeight input{
text-align: right;
color: #5b4d64;
font-size: 12px;
font-weight: bold;
width: 50px;
*width: 45px;
height: 20px;
background: none;
border: 1px solid #a6adb7;
margin-right: 3px;
background-color: #ffffff;
padding: 0 3px;
}
.ui-slider{
width: 180px;
margin: 0 4px 0 0;
background: url(../img/slider_bg.png);
position: relative;
border: 1px solid #b5bcc4;
-webkit-box-shadow: inset 0px 1px 3px 1px rgba(68, 68, 68, 1);
-moz-box-shadow: inset 0px 1px 3px 1px rgba(68, 68, 68, 1);
box-shadow: inset 0px 1px 3px 1px rgba(68, 68, 68, 1);
}
.ui-slider .ui-slider-handle{
position: absolute;
z-index: 2;
width: 13px;
height: 16px;
background: url(../img/slider_pointer.png) no-repeat;
cursor: pointer
}
.ui-slider-range{
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
overflow: hidden;
}
.ui-slider-horizontal{
border-radius: 5px;
background: url(../img/slider_bg.png) repeat-x;
margin-bottom: 10px;
position: relative;
z-index: 1;
behavior: url(css/PIE.htc);
}
.ui-slider-horizontal .ui-slider-handle{
top: -3px;
margin-left: -5px;
}
.ui-slider-horizontal .ui-slider-range{
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min{
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max{
right: 0;
}
.ui-widget-content{
height: 9px;
}
.ui-widget-header.ui-corner-all{
border: 1px solid #3f4f71;
background: #3f4f71;
/* Old browsers */
background: -moz-linear-gradient(top, #3f4f71 0%, #fb827d 50%, #fb827d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4f71), color-stop(50%, #fb827d), color-stop(100%, #fb827d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3f4f71 0%, #fb827d 50%, #fb827d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3f4f71 0%, #fb827d 50%, #fb827d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #3f4f71 0%, #fb827d 50%, #fb827d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #3f4f71 0%, #fb827d 50%, #fb827d 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3f4f71', endColorstr='#fb827d', GradientType=0);
/* IE6-9 */
}
.multi_text{
font: 16px/26px "Arial", sans-serif;
color: #5b4d64;
margin: 10px 0 5px 0;
}
.filter_btn{
cursor: pointer;
text-align: center;
margin: 20px auto 0px auto;
display: block;
height: 30px;
padding: 0 20px;
border: 1px solid #506daf;
font: 16px/30px "Arial", sans-serif;
color: #ffffff;
background: #96afe8;
/* Old browsers */
background: -moz-linear-gradient(top, #96afe8 0%, #a86768 50%, #885669 50%, #6c375d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96afe8), color-stop(50%, #a86768), color-stop(50%, #885669), color-stop(100%, #6c375d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #96afe8 0%, #a86768 50%, #885669 50%, #6c375d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #96afe8 0%, #a86768 50%, #885669 50%, #6c375d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #96afe8 0%, #a86768 50%, #885669 50%, #6c375d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #96afe8 0%, #a86768 50%, #885669 50%, #6c375d 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#96afe8', endColorstr='#6c375d', GradientType=0);
/* IE6-9 */
}
.filter_btn:hover{
color: #ffffff;
text-shadow: 0px 0px 5px rgba(64, 64, 64, 1);
background: #6d89c8;
/* Old browsers */
background: -moz-linear-gradient(top, #6d89c8 0%, #a86667 50%, #904e69 50%, #812852 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d89c8), color-stop(50%, #a86667), color-stop(50%, #904e69), color-stop(100%, #812852));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6d89c8 0%, #a86667 50%, #904e69 50%, #812852 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6d89c8 0%, #a86667 50%, #904e69 50%, #812852 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #6d89c8 0%, #a86667 50%, #904e69 50%, #812852 100%);
/* IE10+ */
background: linear-gradient(to bottom, #6d89c8 0%, #a86667 50%, #904e69 50%, #812852 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6d89c8', endColorstr='#812852', GradientType=0);
/* IE6-9 */
}
.filter_btn:active{
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
}
.right_good_item{
padding: 10px 0 5px 0;
}
.right_good_item div{
text-align: left;
font: 16px/18px "Arial", sans-serif;
color: #35539b;
padding: 0 0 0 12px;
margin: 0;
background: url(../img/list_hd_grey.png) no-repeat;
background-position: top left;
}
.right_good_item div:hover{
background: url(../img/list_hd.png) no-repeat;
background-position: top left;
}
.right_good_item div.active{
background: url(../img/list_hd.png) no-repeat;
background-position: top left;
}
.right_good_item div.active a{
color: #35539b;
text-decoration: underline;
}
.right_good_item ul.active{
display: block;
}
.right_good_item div a{
cursor: pointer;
color: #5d5270;
text-decoration: none;
}
.right_good_item div a:hover{
color: #35539b;
text-decoration: underline;
}
.right_good_item ul{
padding: 0px 0 0px 20px;
margin: 0;
margin-top: 5px;
list-style: none;
display: none;
}
.right_good_item ul li{
padding: 0 0 5px 10px;
background: url(../img/main_goods_hd_mini_grey.png) no-repeat;
}
.right_good_item ul li:hover{
background: url(../img/main_goods_hd_mini.png) no-repeat;
}
.right_good_item ul li.active{
background: url(../img/main_goods_hd_mini.png) no-repeat;
}
.right_good_item ul li.active a{
color: #35539b;
}
.right_good_item ul li a{
color: #5d5270;
}
.right_good_item ul li a:hover{
color: #35539b;
}
.rt_pl_article_img_box{
margin: 20px 0 20px 0;
text-align: center;
}
.rt_pl_article_img_box img{
max-width: 188px;
}
.rt_pl_article_link{
background: url(../img/point1.png) no-repeat;
padding: 0 0 0 10px;
}
.rt_pl_article_link a{
font: 14px/20px "Arial", sans-serif;
color: #5b516a;
}
.rt_pl_article_link a:hover{
color: #355298;
}
/* --- content --- */
.content{
margin-right: 240px;
padding: 20px 19px 20px 19px;
}
.cat_filter{
float: right;
font: 14px/26px "Arial", sans-serif;
color: #5c5068;
}
.cat_filter a{
font-style: italic;
font-weight: bold;
color: #5c5068;
cursor: pointer;
}
.cat_filter a.active{
color: #35569b;
text-decoration: none;
}
.cat_filter a.active:hover{
text-decoration: underline;
}
.object_link{
float: right;
font: 14px/26px "Arial", sans-serif;
color: #5c5068;
}
.object_link a{
font-style: italic;
color: #5d5270;
}
.bread_crumbs{
font: 14px/26px "Arial", sans-serif;
color: #5d5270;
font-style: italic;
}
.bread_crumbs a{
color: #5d5270;
font-style: italic;
}
.bread_crumbs span{
color: #35569d;
}
.content{
position: relative;
}
.content h1{
font: 22px/26px "Arial", sans-serif;
color: #3f4f71;
font-weight: bold;
display: block;
float: left;
padding: 0 10px 5px 0;
background-color: #ffffff;
}
.content h2{
font: 18px/22px "Arial", sans-serif;
color: #3f4f71;
font-weight: bold;
display: block;
float: left;
padding: 0 10px 5px 0;
margin: 0;
background-color: #ffffff;
}
.content p{
font: 14px/18px "Arial", sans-serif;
color: #5b4d64;
}
.content .dot_line{
height: 15px;
border-bottom: 1px dotted #988895;
}
.line{
margin: 0 0 10px 0;
overflow: hidden;
}
.catalog_items_box{
width: 100%;
overflow: hidden;
}
.catalog_items{
margin-left: -19px;
overflow: hidden;
}
.catlog_item{
margin: 0 0 19px 19px;
float: left;
height: 255px;
width: 150px;
padding: 10px;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
overflow: hidden;
}
.catlog_item:hover{
border: 1px solid #836d82;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(136, 136, 136, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(136, 136, 136, 1);
box-shadow: 0px 5px 7px 0px rgba(136, 136, 136, 1);
behavior: url(css/PIE.htc);
}
.catlog_item .lig_img{
width: 150px;
height: 150px;
border: 1px solid #9b8fa3;
overflow: hidden;
text-align: center;
}
.catlog_item a img{
padding: 10% 0;
width: 90%;
}
.catlog_item .lig_link{
margin: 10px 0 0 0;
text-align: center;
font: 12px/14px "Arial", sans-serif;
font-weight: bold;
text-align: left;
height: 40px;
overflow: hidden;
}
.catlog_item .lig_link a{
color: #35569b;
text-decoration: none;
}
.catlog_item .lig_link a:hover{
text-decoration: underline;
}
.catlog_item .lig_gost{
font: 12px/18px "Arial", sans-serif;
color: #3f4f71;
}
.lig_bye{
color: white;
margin: 5px 0 0 0;
cursor: pointer;
display: block;
height: 30px;
width: 150px;
text-align: center;
border: 1px solid #8d4145;
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197', GradientType=0);
/* IE6-9 */
position: relative;
z-index: 1;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
behavior: url(css/PIE.htc);
}
.lig_bye:hover{
color: #ffffff;
text-shadow: 0px 0px 5px rgba(64, 64, 64, 1);
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197', GradientType=0);
/* IE6-9 */
}
.lig_bye:active{
color: #ffffff;
text-shadow: 0px 0px 5px rgba(64, 64, 64, 1);
/* background: #8d4145; /* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
}
.pager{
text-align: center;
margin: 20px 0;
font: 14px/16px "Arial", sans-serif;
color: #5b4d64;
}
.pager a{
padding: 0 3px;
color: #5b4d64;
font-style: italic;
}
.pager a.active{
color: #355298;
text-decoration: none;
}
.pager a.active:hover{
text-decoration: underline;
}
.slider_box{
width: 55%;
padding: 2px 20px 2px 2px;
float: left;
}
#slider1{
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
}
.old_gost{
font: 18px/26px "Arial", sans-serif;
color: #5b4d64;
margin: 10px 0 10px 0;
}
.old_gost span{
font: 30px/26px "Arial", sans-serif;
text-decoration: line-through;
}
.sale_gost{
font: 18px/26px "Arial", sans-serif;
color: #c9252c;
margin: 10px 0 10px 0;
}
.sale_gost span{
font: 30px/26px "Arial", sans-serif;
}
.object_hd{
padding-top: 10px;
font: 18px/26px "Arial", sans-serif;
color: #3f4f71;
}
.gost_btn{
*
width: 230px;
font: 20px/50px "Arial", sans-serif;
color: #ffffff;
cursor: pointer;
display: block;
height: 50px;
padding: 0 20px 0 50px;
border: 1px solid #8d4145;
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197',GradientType=0 ); /* IE6-9 */
position: relative;
z-index: 1;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
behavior: url(css/PIE.htc);
}
.gost_btn:hover{
color: #ffffff;
text-shadow: 0px 1px 5px rgba(64, 64, 64, 1);
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b06869', endColorstr='#d57197',GradientType=0 ); /* IE6-9 */
}
.gost_btn:active{
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
}
.gost_btn img{
float: right;
margin: 0;
padding: 0;
border: 0;
}
.fuck_ie7{
float: left;
}
.find_count{
font: 16px/18px "Arial", sans-serif;
color: #5b4d64;
}
.find_count span{
color: #355298;
}
.find_item{
margin: 10px 0;
}
.find_item .img_box{
width: 100px;
height: 100px;
margin: 0 15px 15px 0;
float: left;
overflow: hidden;
}
.find_item .img_box img{
max-width: 100px;
max-height: 100px;
border: 1px solid #988895;
}
.find_item .find_item_link{
font: 14px/18px "Arial", sans-serif;
font-weight: bold;
color: #355298;
}
.find_item .find_item_link a{
text-decoration: none;
color: #355298;
}
.find_item .find_item_link a:hover{
text-decoration: underline;
}
.content .text{
overflow: hidden;
}
.text img{
margin: 5px 10px 5px 10px;
border: 3px solid #ffffff;
position: relative;
z-index: 1;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
}
#rate_item{
font: 18px/26px "Arial", sans-serif;
color: #c9252c;
margin: 10px 0 50px 0;
}
/* --- basked --- */
.basket_box table.basket_table{
width: 100%;
margin-bottom: 20px;
}
.basket_box table.basket_table tr{
border-top: 1px solid #5b4d64;
border-bottom: 1px solid #5b4d64;
}
.basket_box table.basket_table tr th{
text-align: center;
padding: 15px 10px;
vertical-align: middle;
border-right: 1px dotted #5b4d64;
font: 16px/22px "Arial", sans-serif;
color: #5b4d64;
*border-top: 1px solid #5b4d64;
*border-bottom: 1px solid #5b4d64;
}
.basket_box table.basket_table tr th.no_rg_border{
border-right: none;
}
.basket_box table.basket_table tr td{
text-align: center;
padding: 15px 10px;
vertical-align: middle;
border-right: 1px dotted #5b4d64;
font: 16px/22px "Arial", sans-serif;
color: #5b4d64;
*border-top: 1px solid #5b4d64;
*border-bottom: 1px solid #5b4d64;
}
.basket_box table.basket_table span{
color: #c9252c;
}
.basket_box table.basket_table tr td.no_rg_border{
border-right: none;
}
.basket_box table.basket_table tr td.total{
border-right: none;
padding: 10px 0px;
}
.basket_box .basket_link{
font: 14px/18px "Arial", sans-serif;
color: #355298;
margin-bottom: 20px;
}
.basket_box .basket_link a{
color: #355298;
text-decoration: none;
}
.basket_box .basket_link a{
text-decoration: none;
}
.basket_box table.basket_table tr td img.good_img{
max-height: 100px;
max-width: 100px;
border: 1px solid #9b8fa3;
}
.basket_hd_img{
float: right;
width: 56px;
height: 54px;
background: url(../img/basket_hd_img.png) no-repeat;
margin-top: -5px;
}
.line_basked_hd{
padding-top: 10px;
}
.del_good{
cursor: pointer;
}
.empty_basked{
padding: 10px;
margin: 20px 0;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
}
.basket_box table.basket_empty_table{
width: 100%;
}
.basket_box table.basket_empty_table td{
vertical-align: middle;
}
.basket_box table.basket_empty_table td a{
font: 14px/26px "Arial", sans-serif;
color: #5b4d64;
font-style: italic;
}
.basket_box table.basket_empty_table td.empty_img{
vertical-align: middle;
text-align: center;
width: 80px;
}
.order_box{
padding: 10px;
margin: 20px 0;
border: 1px solid #d0d1d6;
position: relative;
z-index: 1;
border-radius: 15px 15px 15px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
behavior: url(css/PIE.htc);
}
.order h2{
margin: 5px 0 10px 0;
padding: 5px 0 10px 0;
font: 18px/22px "Arial", sans-serif;
color: #35539b;
display: block;
float: inherit;
text-align: center;
width: 100%;
}
.shade1{
width: 680px;
height: 40px;
background: url(../img/shade1.png) no-repeat;
}
.order table.order_table{
width: 100%;
}
.order table.order_table tr td{
font: 16px/34px "Arial", sans-serif;
color: #5b4d64;
vertical-align: top;
padding: 5px 10px;
}
.order table.order_table tr td.td_lf{
text-align: right;
width: 40%;
}
.order table.order_table tr td input[type="text"]{
width: 80%;
border: thin solid #D8D8D8;
font: 16px/34px "Arial", sans-serif;
padding: 0px 10px;
}
.order table.order_table tr td textarea{
width: 80%;
min-height: 100px;
border: thin solid #D8D8D8;
font: 16px/22px "Arial", sans-serif;
margin-bottom: 30px;
padding: 10px;
}
.order table.order_table tr td.order_bottom{
border-top: 1px dotted #988895;
}
.mark{
float: left;
font: 14px/30px "Arial", sans-serif;
color: #767e91;
}
.ord_rg{
float: right;
}
.order_pointer{
float: right;
margin: 2px 10px 0 0;
}
.order_btn_box{
float: right;
}
.order_btn{
width: 230px;
font: 20px/50px "Arial", sans-serif;
color: #ffffff;
cursor: pointer;
display: block;
height: 50px;
padding: 0 20px 0 50px;
border: 1px solid #8d4145;
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
position: relative;
z-index: 1;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 7px 0px rgba(255, 255, 255, 1);
behavior: url(css/PIE.htc);
}
.order_btn:hover{
color: #ffffff;
text-shadow: 0px 1px 5px rgba(64, 64, 64, 1);
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
}
.order_btn:active{
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 1);
}
.order_btn img{
float: right;
margin: 10px 0px 0 20px;
padding: 0;
border: 0;
}
.fuck_ie7{
float: left;
}
/* --- End basked --- */
/* --- End content --- */
/* --- footer --- */
.footer_box{
padding: 60px 0;
background-color: #dedfe3;
}
.footer{
min-width: 1000px;
max-width: 1366px;
margin: auto;
/*position: relative;*/
}
.footer_lf_box{
width: 110px;
float: left;
}
.footer_lf_box ul{
list-style: none;
margin: 0;
padding: 0 0 0 20px;
}
.footer_lf_box ul li{
font: 16px/30px "Arial", sans-serif;
color: #5b4d64;
}
.footer_lf_box ul li a{
color: #5b4d64;
}
.footer_lf_box ul li a:hover{
/*color: #35569b;*/
}
.footer_lf_box ul li a.active{
text-decoration: none;
color: #35569b;
}
.footer_rg_box{
width: 300px;
float: right;
}
.footer_rg_box .footer_rg{
padding: 0 20px 0 10px;
text-align: center;
}
.footer_rg_box .footer_rg .footer_rg_txt{
font: 16px/36px "Arial", sans-serif;
color: #5b4d64;
}
.footer_rg_box .footer_rg .footer_rg_phone img{
float: left;
height: 32px;
}
.footer_rg_box .footer_rg .footer_rg_phone .footer_rg_phone_txt{
height: 28px;
margin: 10px 0px 0px 25px;
padding-left: 25px;
font: 24px/26px "Arial", sans-serif;
color: #35569d;
background: url(../img/footer_ph_img.png) no-repeat;
display: inline-block;
}
.footer_rg_box .footer_rg .footer_rg_back{
font: 14px/14px "Arial", sans-serif;
color: #5b4d64;
font-style: italic;
text-decoration: underline;
cursor: pointer;
margin: 10px 0 0 0;
}
.footer_rg_box .footer_rg .footer_rg_back:hover{
text-decoration: none;
}
.footer_mid_box{
margin: 0 300px 0 110px;
border-left: 1px dotted #5b4d64;
border-right: 1px dotted #5b4d64;
min-height: 185px;
}
.footer_mid_box .section_titles_box{
margin: 0 30px 0 30px;
}
.footer_mid_box .section_titles_box .section_title{
width: 33%;
float: left;
font: 16px/30px "Arial", sans-serif;
color: #5b4d64;
}
.footer_mid_box .section_titles_box .section_title a{
color: #5b4d64;
text-decoration: none;
}
.footer_mid_box .section_titles_box .section_title a:hover{
text-decoration: underline;
}
.metrics{
text-align: center;
padding: 20px;
}
/* --- end footer --- */
/* formRequest */
#formRequest{
overflow: hidden;
font-family: 'pt_sansregular', Arial, sans-serif;
font-size: 14px;
padding: 10px;
display: block;
position: fixed;
top: 1%;
right: 1%;
z-index: 100;
background-color: #ffffff;
width: 92%;
max-width: 400px;
height: auto;
visibility: hidden;
border-radius: 3px;
/*behavior: url(css/PIE.htc); */
box-shadow: 0px 0px 3px #a0a7b1;
}
#formRequest table{
border: 0;
}
#formRequest table td{
width: 180px;
padding: 1px 0px;
vertical-align: top;
}
#formRequest table input{
width: 180px;
border: solid 1px #adb1ba;
}
#formRequest table select{
width: 185px;
}
#formRequest table textarea{
width: 180px;
height: 100px;
resize: none;
border: solid 1px #adb1ba;
}
#formRequest span{
color: red;
}
#formRequest input[type="submit"]{
cursor: pointer;
}
#formRequest .remark{
padding-top: 15px;
font-size: 10px;
text-align: right;
}
#backRequestErrorPhone,
#backRequestErrorName{
color: red;
display: none;
font-size: 12px
}
#next_page{
display: block;
cursor: pointer;
text-align: center;
color: #3f4f71;
}
.hidden{
display: none;
}
/* End formRequest */
#callback_form{width:374px;display:none;position:fixed;color: #3f4f71;top:90px;min-height:350px;left:55%;z-index:99;-webkit-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);-moz-box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);box-shadow: 0px 5px 7px 0px rgba(200, 200, 211, 1);background-color: #ffffff;opacity: 0.98;border-radius: 15px;padding: 15px 0px;border: thin solid #D8D8D8;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#callback_form button{
/* box-shadow:0px 1px 0px 0px #a0a7b1; */
text-shadow: 0px 1px 0px #a0a7b1;
width:240px;
height:34px;
/* border:0; */
border: 1px solid #8d4145;
color: #ffffff;
font-size: 18px;
cursor:pointer;
background: #b06869;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #8e4d53), color-stop(50%, #aa5c7d), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #8e4d53 50%, #aa5c7d 50%, #c46a85 92%, #d57197 100%);
}
#callback_form button:hover{
background: #8d4145;
/* Old browsers */
background: -moz-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #b06869), color-stop(50%, #541a53), color-stop(50%, #541a53), color-stop(92%, #c46a85), color-stop(100%, #d57197));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b06869 4%, #541a53 50%, #541a53 50%, #c46a85 92%, #d57197 100%);
border: 1px solid #8d4145;
/* box-shadow: 0px 1px 0px 0px #8d4145; */
text-shadow: 0px 1px 0px rgb(103, 152, 0);
}
#callback_form button:active{
-webkit-box-shadow: inset 0px 1px 2px 1px #5b4d64;
-moz-box-shadow: inset 0px 1px 2px 1px #541a53
box-shadow: inset 0px 1px 2px 1px #541a53
}
#callback_form form{float:left; margin:7px; opacity:1}
#callback_form fieldset{clear:both;text-align:right;line-height:34px;border:none;display: block;margin-inline-start: 2px;margin-inline-end: 2px;padding-block-start: 0.35em;padding-inline-start: 0.75em;padding-inline-end: 0.75em;padding-block-end: 0.625em;min-inline-size: min-content;}
#callback_form label{float:left;width:80px;color: #3f4f71;font-size:14px;margin-right:15px;}
#callback_form fieldset span{color: #e85d62;}
#callback_form input{height:34px;width: 240px;box-shadow:none;border:thin solid #D8D8D8;font: 14px/34px "Arial", sans-serif;color: #5b4d64;padding-left:10px;}
#callback_form textarea{height:100px;width: 240px;box-shadow:none;border:thin solid #D8D8D8;font: 14px/20px "Arial", sans-serif;color: #5b4d64;padding:10px;}
#callback_form #send_message{cursor:pointer}
.carousel .liquid ul li,
.carousel1 .liquid ul li,
.carousel2 .liquid ul li{
float: left;
padding-bottom: 50px;
list-style-type: none;
text-align: center;
}
#slider1 ul.slides>li:first-of-type{
display: block !important;
-webkit-backface-visibility: visible !important;
}
.bsk_input{
width: 50px;
text-align: center;
}
button[name="save_cart"]{
padding: 2px 6px 3px;
border: 2px outset buttonface;
}
.footer_pull{
margin-top: 20px;
text-align: center;
font-style: italic;
}
.top_logo img{
/*width: 100%;*/
max-height: 100px;
}
.top_logo{
width: 150px;
display: block;
}
.tetete{
}
#menu-button{
font: 18px/18px "Arial", sans-serif;
color: #ffffff;
display: none;
height: 27px;
line-height: 27px;
text-align: center;
margin: 20px 5%;
cursor: pointer;
padding: 10px;
border: 1px solid #d0d1d6;
background-color: #506daf;
box-shadow: 0px 5px 7px 0px rgba(211, 211, 211, 1);
}
.youtube{
overflow: hidden;
position: relative;
padding-bottom: 10%;
max-width: 800px;
max-height: 480px;
margin: 10px auto;
min-height: 300px;
}
.youtube-frame{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 480px;
}